﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body{/*background-color:#d9e3f0;*/}

#wrapper {
	width:1020px;
	height:auto;
	overflow:auto;
	display:block;
	background-color:#fff;
	-webkit-box-shadow: -2px 0px 10px rgba(0,0,0, .7);
	-moz-box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.7);
	box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.7);
	margin:0 auto;
	/*position:relative;*/
 }
 
 section#menu{
	width:800px;
	height:100px;
	margin:360px auto 0 100px;
	/*background-color:#d6e;*/
	position:absolute;
} 


/*///////////////////////SERVICIOS///////////////////////*/

section#banner{
	width:900px;
	height:auto;
	margin:12px auto 0 auto;
	background-color:#c6d6e8;
	padding:10px 30px 0 45px;
	position:relative;
}

.bann1{
	width:500px; 
	height:300px; 
	margin:10px 20px 0 6px;
	float:left;
}

.bann2{
	width:350px; 
	height:300px; 
	margin:10px 0 0 20px;
	/*background-color:#c6d;*/
	float:left;
}

.fotBan{
	width:500px; 
	height:300px; 
	border:2px #95b4d5 solid;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	padding:10px 12px;
	}

#container{
	width:900px; 
	height:auto; 
	margin:230px auto 0 60px;
	display:inline-block;
	/*background-color:#c6d;*/
	padding-bottom:15px;
	position:relative;
}

#servicios{
	width:880px; 
	height:auto; 
	margin:10px auto 0 10px;
	display:inline-table;
	position:relative;
}

.col1 {
	width:200px;
	height:auto;
	background-color:#c6d6e8;
	border: 1px #999 solid;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	padding:10px 0 8px 0;
	margin:18px 20px 0 15px;
	display:table caption;
}

.serv1{
	width:200px;
	height:auto;
	background-color:#fff;
	padding:8px 0 0 0px;
	margin:18px 0 0 0;
	display:table cell;
}

.col2{
	width:600px;
	height:auto;
	background-color:#c6d6e8;
	border: 1px #999 solid;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	padding:10px 0 8px 0;
	margin:-345px 0 0 260px;
	display:table caption;
}

.serv2{
	width:600px;
	height:auto;
	background-color:#fff;
	padding:8px 0 0 0;
	margin:18px 0 0 0;
	display:table cell;
}

.col3{
	width:600px;
	height:auto;
	background-color:#c6d6e8;
	border: 1px #999 solid;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	padding:10px 0 8px 0;
	margin:18px 0 0 260px;
	display:table caption;
}

.serv3{
	width:600px;
	height:auto;
	background-color:#fff;
	padding:8px 0 0 0;
	margin:18px 0 0 0;
	display:table cell;
}

.col4{
	width:800px;
	height:auto;
	padding:10px 0 8px 0;
	padding:20px 0 8px 0;
	margin:18px 20px 0 15px;
	display:table-caption;
}

article.demas{
	width:820px;
	height:auto;
	margin:10px 0 0 25px;
	padding:0 0 8px 0;
	border: 1px #999 solid;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	display:table;
	position:relative;
}

.offer1{
	width:800px;
	height:auto;
	margin:0 0;
	padding:10px 12px;
	background-color:#c6d6e8;
	/*border: 1px #999 solid;*/
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-bottom:none;
	display:table caption;
}

.offer2{
	width:820px;
	height:auto;
	background-color:#fff;
	margin:12px auto;
	padding:0 0;
	display:table cell;
}

article.compatib{
	width:280px;
	height:auto;
	margin:20px auto;
	padding:10px 0 10px 20px;
	background-color:#c6d6e8;
	border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	-webkit-border-radius:12px 12px 12px 12px;
	font:0.88em Tahoma; color#444; line-height:24px; 
	letter-spacing:0.12em;
	float:left;
}

#us{
	width:880px;
	height:auto;
	margin:18px auto;
	/*background-color:#c6d6e8;*/
	position:relative;
}

.nos{
	width:860px;
	height:auto;
	margin:0 0 0 10px;
	padding:5px 5px;
	display:table;
}

.nosTop{
	width:100%;
	height:25px;
	padding:5px 5px;
	background-color:#c6d6e8;
	border:1px #999 solid;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	border-bottom:none;
	display:table caption;
}

.nosCont{
	width:100%;
	height:auto;
	background-color:#fff;
	border:1px #999 solid;
	border-radius: 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	border-top:none;
	padding:5px 5px;
	display:table cell;
}

.mock{
	width:900px;
	height:350px;
	margin:2px 0 0 45px;
	display:inline-block;
	position:relative;
}

#gallery {
		background-color: #dfe6ec;
		padding: 10px;
		width: 760px;
		margin:40px 50px 0 0;
	}

ul.we{list-style:none;}

ul.we li{margin:2px 0 0 36px; font:0.88em Tahoma; color#444; line-height:24px;}

ul.ser{list-style:none;}

ul.ser li{margin-top:12px;}

ul.tools{list-style:noce; width:480px;}

ul.tools li{margin:2px 0 0 55px; font:0.88em Tahoma; color#444; line-height:24px;}


/*................................... DISEÑO WEB ..........................*/
#contenidos{
	width:950px;
	height:auto;
	margin:25px auto;
	/*background-color:#c86b3f;*/
	padding:15px 0 20px 0;
	position:relative;
}

#webContent{ width:860px; height:auto; margin:40px auto; display:block-inline; position:relative;}

.boxWeb{
	width:700px;
	height:130px;
	margin:20px auto;
	background-color: #dfe6ec;
	/*position:relative;*/
}

#web1{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web2{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

.webT{font:0.80em Tahoma; letter-spacing:1px; padding:10px 25px;/*top:12px;*/ display:block;}

.imgW{width:114px; height:114px; padding:8px 17px;}

.boxWeb2{
	width:700px;
	height:130px;
	margin:10px auto;
	/*background-color: #dfe6ec;*/
	position:relative;
}

#web3{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web4{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

#web5{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web6{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

#web7{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web8{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

/*........................... PROGRAMACION -----....................*/

.boxPrg{
	width:700px;
	height:90px;
	margin:20px auto;
	/*background-color: #dfe6ec;*/
	/*position:relative;*/
}

#prg1{
	width:150px;
	height:90px;
	border:1px #cdcdcd solid;
	text-align:center;
	float:left;
}

#prg2{
	/*width:540px;/*Ay un error aca*/
	width:539px;
	height:90px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	/*padding-top:25px;*/
	text-align:center;
	float:left;
}

#prg3{
	width:150px;
	height:90px;
	border:1px #cdcdcd solid;
	text-align:center;
	float:left;
}

#prg4{
	width:540px;
	height:90px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	/*padding-top:25px;*/
	text-align:center;
	float:left;
}

